
<ion-content  style="--background:#F8F8F8; ">
  <div class="video-top">
    <div class="video-box">
      <!-- <video src=""></video>
      <video src=""></video> -->
    </div>
    
    <div class="tab-box"  [ngClass]="{ next1:tabIndex =='0', next2:tabIndex == '1',next3:  tabIndex == '2', next4: tabIndex == '3',next5: tabIndex == '4'}">
      <div class="item" (click)="tabClick('0')">
         <div class="itemRight">申请</div>  <div class="itemLeft"></div>
      </div>
      <div  class="item"  (click)="tabClick('1')">
        <div class="itemRight">提交证据材料</div>  <div class="itemLeft"></div>
      </div>
      <div  class="item"      (click)="tabClick('2')" >
        <div class="itemRight">代草拟法律文书</div>  <div class="itemLeft"></div>
      </div>
       <div  class="item"   (click)="tabClick('3')">
        <div class="itemRight"> 审查核实</div>  <div class="itemLeft"></div>
      </div>
      <div  class="item"     (click)="tabClick('4')">
        <div class="itemRight">缴费</div> 
      </div>
    </div>
  </div>
  <div class="placehodler"></div>
  <div class="child-box">
    <div *ngIf="tabIndex == '0'">
      <app-applyinfo  [shenForm]='shenForm' [daiLiForm]='daiLiForm' [qiYeForm]='qiYeForm' [baseForm]='baseForm'></app-applyinfo>
    </div>
    <div *ngIf="tabIndex == '1'">
      <div class="img-box">
        <div *ngFor='let item of materialContent;  let i = index' >
          <img class="img" [src]="item.filePath"  alt="item">
          <!-- <span  (click)="reloadImg(i)">删除</span> -->
        </div>
        <div class="img addimg" (click)="presentActionSheet()">
            +
        </div>
      </div>
    </div>
    <div class="html_box" *ngIf="tabIndex == '2'">
     <!---代为草拟法律文书-->
     <div  [innerHTML]="commissionContent" ></div>
    </div>
    <div class="html_box" *ngIf="tabIndex == '3'">
             <!---询问笔录-->
             <div [innerHTML]="xwblContent" ></div>
     
    </div>
    <div *ngIf="tabIndex == '4'">
     
        <app-patment [patmentContent]="baseForm"   [jftzContent]="jftzContent"></app-patment>
   
    </div>
  </div>
  <div id="imgslides" *ngIf="isShowimg">
      <div class="imgslides-icon" (click)="iconclick()"><ion-icon name="close-outline"></ion-icon></div>
      <ion-slides class="imgslides1" pager="true" [options]="slideOpts">
        <ion-slide *ngFor="let item of imglist">
          <img [src]="item.imgPathList">
        </ion-slide>
      </ion-slides>
  </div>
</ion-content>

